$(function() {
    $('#tt').tabs({
        fit: true,
        onBeforeClose: function(title) {
            return confirm('您确认想要关闭 ' + title);
        }
    });
    $('#vi').datagrid({
        title:'DataGrid - DetailView',
        fit:true,
        remoteSort:false,
		singleSelect:true,
		nowrap:true,//在同一行中显示数据
		fitColumns:true,//收缩列的大小，以适应网格的宽度，防止水平滚动。
        url: '../json/datagrid_data1.json',
         columns: [[
           {field: 'productid',title: 'productid',width: 100,checkbox:true},
           {field: 'productname',title: 'productname',width: 100},
           {field: 'unitcost',title: 'unitcost',width: 100},
           {field: 'status',title: 'status',width: 100},
           {field: 'listprice',title: 'listprice',width: 100},
           {field: 'attr1',title: 'attr1',width: 100},
           {field: 'itemid',title: 'itemid',width: 100}
           ]]
    });
            $('a[target="iframe"]').click(function() {
        var self = $(this);
        //判断是否存在tabs
        if ($('#tt').tabs('exists', self.text())) {
            $('#tt').tabs('select', self.text());
            // 更新选择的面板的新标题和内容
            var tab = $('#tt').tabs('getSelected'); // 获取选择的面板
            $('#tt').tabs('update', {
                tab: tab,
                options: {
                 href:''//新内容的url
                 }

            });
        } else {

            $('#tt').tabs('add', {
                title: self.text(),
                fit: true,
                closable: true,
                href: self.attr('_href'),
                cache: false //不缓存
            });
        }

    });

});